home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP10 / dyn10_2.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  3.5 KB  |  82 lines
  1. <HTML>
  2.  
  3. <HEAD>
  4.  
  5. </HEAD>
  6.  
  7. <BODY onload="cycle();">
  8.  
  9. <H2>The Shell Game</H2>
  10.  
  11. <LAYER name="gem" left=142 top=192 visibility="hidden">
  12.  
  13. <img src="gem.gif" id=gem border=0 width=64 height=64>
  14.  
  15. </LAYER>
  16.  
  17. <LAYER name="shell1" left=0 top=50 visibility="hidden">
  18.  
  19. <img src="walnut.gif" id=shell1 border=0 width=132 height=132>
  20.  
  21. </LAYER>
  22.  
  23. <LAYER name="shell2" left=142 top=50 visibility="hidden">
  24.  
  25. <img src="walnut.gif" id=shell2 border=0 width=132 height=132>
  26.  
  27. </LAYER>
  28.  
  29. <layer name="shell3" left=284 top=50 visibility="hidden">
  30.  
  31. <img src="walnut.gif" id=shell3 border=0 width=132 height=132>
  32.  
  33. </LAYER>
  34.  
  35. <SCRIPT>
  36.  
  37. var TimingsX
  38.  
  39. var TimingsY
  40.  
  41. var currentTick = 0
  42.  
  43. var gemshell
  44.  
  45. function cycle() {
  46.  
  47.         TimingsX = new Array(4);
  48.  
  49.         TimingsY = new Array(4);
  50.  
  51.         gemshell = Math.random();
  52.  
  53.         if(gemshell<.333) {
  54.  
  55.              gemshell=1;
  56.  
  57.              TimingsX[0] = new Array(0,126,0,284,0,142,284,142,142);
  58.  
  59.              TimingsY[0] = new Array(50,176,50,176,50,176,50,176,50);
  60.  
  61.              TimingsX[1] = new Array(142,142,142,142,284,0,0,0,284);
  62.  
  63.              TimingsY[1] = new Array(50,50,50,176,50,176,50,176,50);
  64.  
  65.              TimingsX[2] = new Array(284,284,284,0,142,284,142,284,0);
  66.  
  67.              TimingsY[2] = new Array(50,50,50,176,50,176,50,176,50);
  68.  
  69.              TimingsX[3] = new Array(142,142,16,300,16,158,300,158,158);
  70.  
  71.              TimingsY[3] = new Array(192,192,66,192,66,192,66,192,66);
  72.  
  73.         } else if(gemshell<.667) {
  74.  
  75.              gemshell=2;
  76.  
  77.              TimingsX[0] = new Array(0,0,0,284,0,142,284,142,142);
  78.  
  79.              TimingsY[0] = new Array(50,50,50,176,50,176,50,176,50);
  80.  
  81.              TimingsX[1] = new Array(142,126,142,142,284,0,0,0,284);
  82.  
  83.              TimingsY[1] = new Array(50,176,50,176,50,176,50,176,50);
  84.  
  85.              TimingsX[2] = new Array(284,284,284,0,142,284,142,284,0);
  86.  
  87.              TimingsY[2] = new Array(50,50,50,176,50,176,50,176,50);
  88.  
  89.              TimingsX[3] = new Array(142,142,158,158,300,16,16,16,300);
  90.  
  91.              TimingsY[3] = new Array(192,192,66,192,66,192,66,192,66);
  92.  
  93.         } else {
  94.  
  95.              gemshell=3;
  96.  
  97.              TimingsX[0] = new Array(0,0,0,284,0,142,284,142,142);
  98.  
  99.              TimingsY[0] = new Array(50,50,50,176,50,176,50,176,50);
  100.  
  101.              TimingsX[1] = new Array(142,142,142,142,284,0,0,0,284);
  102.  
  103.              TimingsY[1] = new Array(50,50,50,176,50,176,50,176,50);
  104.  
  105.              TimingsX[2] = new Array(284,126,284,0,142,284,142,284,0);
  106.  
  107.              TimingsY[2] = new Array(50,176,50,176,50,176,50,176,50);
  108.  
  109.              TimingsX[3] = new Array(142,142,300,16,158,300,158,300,16);
  110.  
  111.              TimingsY[3] = new Array(192,192,66,192,66,192,66,192,66);
  112.  
  113.         }
  114.  
  115.  
  116.  
  117.         document.layers["shell1"].visibility="show";
  118.  
  119.         document.layers["shell2"].visibility="show";
  120.  
  121.         document.layers["shell3"].visibility="show";
  122.  
  123.         document.layers["gem"].visibility="show";
  124.  
  125.         setTimeout("Moves()", 450);
  126.  
  127. }
  128.  
  129. function Moves() {
  130.  
  131.         document.layers["shell1"].moveTo
  132.  
  133.                 (TimingsX[0][currentTick], TimingsY[0][currentTick]);
  134.  
  135.         document.layers["shell2"].moveTo
  136.  
  137.                 (TimingsX[1][currentTick], TimingsY[1][currentTick]);
  138.  
  139.         document.layers["shell3"].moveTo
  140.  
  141.                 (TimingsX[2][currentTick], TimingsY[2][currentTick]);
  142.  
  143.         document.layers["gem"].moveTo
  144.  
  145.                 (TimingsX[3][currentTick], TimingsY[3][currentTick]);
  146.  
  147.         currentTick++
  148.  
  149.  
  150.  
  151.         if (currentTick < 9)
  152.  
  153.                 setTimeout("Moves()", 450)
  154.  
  155. }
  156.  
  157. </SCRIPT>
  158.  
  159. </BODY>
  160.  
  161. </HTML>
  162.  
  163.